<template>
    <div>
      <br>
      <div class="base2">
        <p>{{dataName}}</p>
        <div class="line"></div>
      </div>
      <br>
      <br>
    </div>
</template>

<script>
    export default {
        name: "title-line",
      data() {
          return{
          }
      },
    props:["dataName"]
    }
</script>

<style scoped>
  .line{
    width: 100%;
    height: 1px;
    background: rgba(24,144,255, 0.8);
    margin: 0px auto;
    /*border-top: 1px dashed #CCCCCC;*/
  }
  .base2{
    color: rgb(24,144,255);
    text-align: center;
    margin-top: 20px;
    letter-spacing: 1px;
    font-size: 16px;
  }
</style>
